<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-店铺</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/purchase/shopIndex.min.css?v=<%=$version%>">
</head>
<body>
<div id="shopIndex" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        <div class="shopIndex-sear" @click="getNext(4)">搜索店铺内商品</div>
        <span class="discount-cart" @click="getNext(2)"></span>
        <!--<span class="discount-more" @click="getMoreDiv()"></span>-->
        <div class="nav-moreDiv" v-if="isMoreDiv">
            <strong></strong>
            <a href="">消息</a>
        </div>
    </header>
    <div class="shops-topHead clearfix">
        <strong :style="bgimg(shopById.imgSrc)"></strong>
        <h6 @click="getNext(1)">{{shopById.name}}<span>&gt;</span></h6>
        <p>{{shopById.collectCount}}人收藏<span class="topHead-num">销量{{shopById.orderCount}}万件</span></p>
        <!--<a v-if="shopById.isCollect==0" @click="collectShopById()" class="collect"><span>+</span>收藏</a>
        <a v-if="shopById.isCollect==1" @click="collectShopById()" class="collect1"><span>+</span>已收藏</a>-->
    </div>
    <div class="shopIndex-tab">
        <span :class="{'active':type==1}" @click="getShopList(1)">首页</span>
        <span :class="{'active':type==2}" @click="getShopList(2)">商品</span>
        <span :class="{'active':type==3}" @click="getShopList(3)">热销</span>
        <span :class="{'active':type==4}" @click="getShopList(4)">上新</span>
    </div>
    <template v-if="type==1">
        <aside class="shopIndex-slider">
            <basic-slide :list="shopById.carousels"></basic-slide>
            <!--<div class="swiper-container">-->
            <!--<div class="swiper-wrapper">-->
            <!--<div class="swiper-slide">-->
            <!--<img class="lazy">-->
            <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash; Add Pagination &ndash;&gt;-->
            <!--<div class="swiper-pagination"></div>-->
            <!--</div>-->
        </aside>
        <div class="shopIndex-title">
            推荐商品
            <!--<span>更多</span>-->
        </div>
    </template>
    <div class="shopIndex-cent clearfix" v-if="type!=4" :class="{'shopIndex-cent1':type==2||type==3}">
        <a class="goodsList-list" v-for="item in shopList2" :href="'/purchase/goodsDetails?type=1&productId='+item.productId">
            <div class="follow-centImg" :style="bgimg(item.imgSrc)"></div>
            <h6>{{item.title}}</h6>
            <span>可用折扣券</span>
            <p>售价：<strong class="follow-centMoney">&yen;<strong>{{item.integral}}</strong></strong></p>

        </a>
    </div>
    <template v-if="type==4">
        <template  v-for="item in shopList2">
            <div class="shopNew-title">{{item.day1}}本店上新</div>
            <ul class="shops-cent clearfix">
                <li v-for="item in item.products" @click="getNext(5,item)">
                    <strong :style="bgimg(item.imgSrc)"></strong>
                    <h6>{{item.title}}</h6>
                    <p>&yen;{{item.integral}}</p>
                </li>
                <!--<li>-->
                <!--<strong></strong>-->
                <!--<h6>进店逛逛进店逛逛进店逛逛进店逛逛进店逛逛</h6>-->
                <!--<p>&yen;300</p>-->
                <!--</li>-->
                <!--<li>-->
                <!--<strong></strong>-->
                <!--<h6>进店逛逛进店逛逛进店逛逛进店逛逛进店逛逛</h6>-->
                <!--<p>&yen;300</p>-->
                <!--</li>-->
            </ul>
        </template>

        <div class="shopNew-list">

        </div>
    </template>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/js/purchase/shopIndex.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper(".purchase-slider .swiper-container",{
        spaceBetween: 30,
        centeredSlides: true,
        // autoplay: {
        //     delay: 2500,
        //     disableOnInteraction: false
        // },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
</script>
</body>
</html>